<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北大青鸟课程导航</title>
<style type="text/css">
body,ul,li,h4{padding:0px;}
div{width:12em; background-color:#e0f5fa;}
ul{list-style-type:none;}
.aa{border:1px solid #0FF}
h4{background-image:url(../pic/title_icon.gif); background-repeat:no-repeat;
background-position:left;}
h4{color:#06f; text-indent:1em;}
li{background-image:url(../pic/submenu.gif); background-repeat:no-repeat;}
li{border:1px solid #9FF}
a:link{text-decoration:none;}
a:hover{color:#F00;}
</style>
</head>

<body>
<div class="aa">
<h4>课程导航</h4>
<ul>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">BTEST 软件测试工程师</a></li>
<li><a href="#">BENET 网络工程师</a></li>
<li><a href="#">JBNS 网站工程师</a></li>
<li><a href="#">ACCP 启蒙星</a></li>
<li><a href="#">ANDROID 软件工程师</a></li>
<li><a href="#">JAVA 软件工程师</a></li>
<li><a href="#">.NET 软件工程师</a></li>
<li><a href="#">网络营销</a></li>
</ul>
</div>
</body>
</html>
